
.kaseo-editor-item-box {
    position: absolute;

    box-sizing: border-box;

    padding: 0;
    margin: 0;

    top: calc(100% - 200px);
    
    height: 200px;
    width: 100%;

    background-color: whitesmoke;

    overflow: hidden;
}

.kaseo-editor-item-tabs {
    display: flex;

    height: 60px;

    overflow-x: scroll;
    overflow-y: hidden;

    box-sizing: border-box;
    border-style: solid;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px; /* 设置水平滚动条的厚度 */
}
  
::-webkit-scrollbar-thumb {
    background-color: #888; /* 滚动条的颜色 */
    border-radius: 6px; /* 滚动条的圆角 */
}
  
  ::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 滚动条轨道的颜色 */
    border-radius: 6px; /* 滚动条的圆角 */
}

.kaseo-editor-item-tab-item {
    height: 20px;
    border-radius: 10px;

    padding: 10px;
    text-align: center;
    line-height: 20px;

    margin: 5px;

    background-color: white;
    border-style: solid;
    border-color: chartreuse;
}

.kaseo-editor-item-tab-item:active {
    background-color: gainsboro;
}

.kaseo-editor-item-content-box {
    display: flex;
    height: calc(100% - 60px);
    width: 100%;

    overflow-y: scroll;
    overflow-x: hidden;

    flex-wrap: wrap;

    background-color: whitesmoke;

    box-sizing: border-box;
    border-style: solid;
}

.kaseo-editor-content-item {
    height: 20px;
    border-radius: 10px;

    padding: 10px;
    text-align: center;
    line-height: 20px;

    margin: 5px;

    background-color: white;
    border-style: solid;
    border-color: chartreuse;
}

.kaseo-editor-content-item:active {
    background-color: gainsboro;
}